<template>
  <div>
    <div class="cash-top-bg">
      <div class="header">
        <router-link class="new-a-back" to="/coupons">
          <img src="../assets/img/back_btn.png" alt="" />
        </router-link>
        <h2>领劵中心</h2>
        <a href=""></a>
      </div>
      <div class="cash-box">
        <img src="../assets/img/fuli-quan_bg.png" alt="" />
        <p>{{ receiveList.name }}</p>
        <div>王者限时活动</div>
      </div>
    </div>
    <div class="list">
      <CouponsList :activity-list="receiveList" />
    </div>
  </div>
</template>

<script>
import CouponsList from "../components/CouponsList.vue";
// Vue.use(Dialog);
export default {
  components: {
    CouponsList,
    // [Dialog.Component.name]: Dialog.Component,
  },
  data() {
    return {
      receiveList: null,
    };
  },
  created() {
    let { id } = this.$route.params;
    let { activityList } = this.$store.state.cj;
    activityList.forEach((val) => {
      if (val.rowId == id) {
        this.receiveList = val;
      }
    });
    console.log(this.receiveList);
    // this.$emit("handleDialog", this.receiveList);
  },
};
</script>

<style src="../assets/css/ReceiveBenefits.css" scoped>
</style>